<template>
	<view class="empty-content">

		<block v-if="mode == 'data'">
			<view class="imgs">
				<!-- <image src="https://img.yzcdn.cn/vant/empty-image-default.png" mode="widthFix"></image> -->
				<image src="https://yl.yuelujy.com/static/images/noRecord.png" mode="widthFix"></image>
			</view>
		</block>

		<block v-if="mode == 'order'">
			<view class="imgs">
				<image src="https://yl.yuelujy.com/static/images/noRecord.png" mode="widthFix"></image>
			</view>
		</block>

		<block v-if="mode == 'car'">
			<view class="imgs">
				<image src="http://cdn.uviewui.com/uview/empty/car.png" mode="widthFix"></image>
			</view>
		</block>

		<block v-if="mode == 'search'">
			<view class="imgs">
				<image src="http://cdn.uviewui.com/uview/empty/search.png" mode="widthFix"></image>
			</view>
		</block>

		<block v-if="mode == 'address'">
			<view class="imgs">
				<image src="https://human.ykpin.com/imgSrc/zanwudizhi.png" mode="widthFix"></image>
			</view>
		</block>

		<block v-if="mode == 'coupon'">
			<view class="imgs">
				<image src="http://cdn.uviewui.com/uview/empty/coupon.png" mode="widthFix"></image>
			</view>
		</block>

		<block v-if="mode == 'history'">
			<view class="imgs">
				<image src="http://cdn.uviewui.com/uview/empty/history.png" mode="widthFix"></image>
			</view>
		</block>

		<view class="text">
			{{text || '暂无数据'}}
		</view>
	</view>
</template>

<script>
	export default {
		props: ['text', 'mode'],
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.empty-content {
		box-sizing: border-box;
		min-height: 200rpx;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		.imgs {
			width: 500rpx;
			height: 400rpx;

			image {
				width: 500rpx !important;
				height: 400rpx !important;
			}
		}

		.text {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28rpx;
			color: #999;
		}
	}
</style>